<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Basic Page Needs
	================================================== -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>HIDEO HTML5, CSS3, responsive, Bootstrap 3 website
	template</title>
</head>
<body class="header1 activateAppearAnimation">
	<!-- Primary Page Layout 
	===============================s=================== -->
	<!-- globalWrapper -->
	<div id="globalWrapper">
		<jsp:include page="core/template/HEADER_LOGIN.jsp"></jsp:include>
		<header class="page-header">
			<div class="container">
				<div class="row">
					<div class="col-sm-6">
						<h1>Assign Job</h1>
					</div>

				</div>
			</div>
		</header>
		<!-- Content -->
		<section id="content"
			style="background: url('core/images/feature.png') repeat;">
			<div class="container">

				<div class="row mt15 mb30">

					<!-- Left Menu -->
					<div class="col-md-2">
						<div>
							<div data-nekoanim="fadeInUp" data-nekodelay="10">
								<article>
									<div>
										<img src="custom/images/freelance/profileFreelance/jae.jpg"
											alt="" class="img-responsive img-thumbnail">
									</div>
								</article>
							</div>
							<br>
						</div>
						<ul class="nav nav-pills nav-stacked">
							<li class="active borderli"><a href="#overview"
								data-toggle="tab"><i class="icon-spinner"></i> ภาพรวม</a></li>
							<li class="borderli"><a href="#history" data-toggle="tab"><i
									class="icon-user-1"></i> ประวัติส่วนตัว</a></li>
							<li class="borderli"><a href="#exp" data-toggle="tab"><i
									class="icon-suitcase"></i> งานฟรีแลนซ์</a></li>
							<li class="borderli"><a href="#sevices" data-toggle="tab"><i
									class="icon-flag-checkered"></i> บริการ</a></li>
							<li class="borderli"><a href="#port" data-toggle="tab"><i
									class="icon-folder-open-empty"></i> ผลงาน</a></li>
							<li class="borderli"><a href="#trust" data-toggle="tab"><i
									class="icon-chart-bar"></i> ระดับความน่าเชื่อถือ</a></li>
							<li class="borderli"><a href="#comment" data-toggle="tab"><i
									class="icon-chat"></i> คำติชม</a></li>
						</ul>
					</div>
					<!-- End Left Menu -->

					<!-- Content -->
					<div class="col-md-8">
						<div class="color0 boxcontent" style="min-height: 660px;">
							<div class="tab-content">

								<div class="tab-pane fade in active" id="overview">
									<div class="row">
										<div class="col-md-12">
											<div class="row fontHeader1">Wittayayon.j</div>
											<div class="row mt15">
												<b>ระดับความน่าเชื่อถือ : </b><span class="textColorYelow">
													<i class="icon-star"></i> <i class="icon-star"></i> <i
													class="icon-star"></i> <i class="icon-star-half-alt"></i> <i
													class="icon-star-empty"></i>
												</span>
											</div>
											<div class="row mt05">
												<ul class="entry-meta">
													<li class="entry-comments font5 mb05"><a href="#"><i
															class=" glyphicon glyphicon-tag"></i>&nbsp;ถูกว่าจ้าง 300
															งาน</a></li>
													<li class="entry-comments font5 mb05"><a href="#"><i
															class="glyphicon glyphicon-bell"></i>&nbsp;ร้องของานได้งาน
															40 งาน</a></li>
												</ul>
											</div>
											<div class="row mt05">
												<p>
													<b>ความสามารถ : </b> <span class="tags">html5</span> <span
														class="tags">css3</span> <span class="tags">jquery</span>
													<span class="tags">bootstrap3</span>
												</p>
											</div>
											<div class="row mt05">
												<b>จังหวัด : </b> เชียงใหม่
											</div>
											<div class="row mt05">
												<b>วันที่สมัคร : </b> 17 พฤษภาคม 2556
											</div>
											<div class="row mt15">
												<b>แนะนำรายละเอียดส่วนตัว</b><br>
												มีประสบการณ์ในการออกแบบกราฟิกดีไซน์ เว็บดีไซน์ มากกว่า 5 ปี
												รับออกแบบสิ่งพิมพ์ แพกเกจ โลโก้ corporate website,
												e-commerce website, motion design, presentation
												อย่างมืออาชีพ รับผิดชอบงาน ตรงต่อเวลา
											</div>
										</div>
									</div>
									<div class="row mt30">
										<div class="col-md-6">
											<div class="row mb05">
												<b>ประสบการณ์การทำงาน</b>
											</div>
											<div class="row">
												<div class="col-md-12">
												
												
												<table class="table table-striped">
														<thead class="textColorBlack">
															<tr>
																<th>หมวดหมู่งานที่ทำ</th>
																<th>สัดส่วนของงานที่ทำ</th>
															</tr>
														</thead>
														<tbody>
															<tr>
																<td><img class="img-circle img-responsive"
																src="custom/images/icon/Flatistic/256_pencil.png" alt=""
																style="width: 20px; float: left">&nbsp;งานไอที /
															ซอฟต์แวร์</td>
																<td><div class="processComment progress">
																<div
																	class="process-bar-Comment progress-bar progress-bar-success"
																	role="progressbar" aria-valuenow="80" aria-valuemin="0"
																	aria-valuemax="100" style="width: 10%;">10%</div>
															</div></td>
															</tr>
															<tr>
																<td><img class="img-circle img-responsive"
																src="custom/images/icon/Flatistic/256_palette.png" alt=""
																style="width: 20px; float: left">&nbsp;การออกแบบ</td>
																<td><div class="processComment progress">
																<div
																	class="process-bar-Comment progress-bar progress-bar-success"
																	role="progressbar" aria-valuenow="80" aria-valuemin="0"
																	aria-valuemax="100" style="width: 90%;">90%</div>
															</div></td>
															</tr>
														</tbody>
													</table>
												
												</div>
											</div>
										</div>
										<div class="col-md-5">
											<div class="row">
												<b>ความสามารถ</b> <img
													src="custom/images/freelance/profileFreelance/chart.PNG"
													style="width: 370px;">
											</div>

										</div>

									</div>
									<div class="row">
										<div></div>
									</div>
								</div>

								<div class="tab-pane fade" id="history">
									<div class="row">
										<div class="col-md-12">
											<div class="row mb05">
												<h2>ประวัติส่วนตัว</h2>
											</div>
											<div class="col-md-12 mb05">
												<span class="font4 label label-info"><b>รายละเอียดของงาน</b></span>
											</div>
											<div class="col-md-12" style="padding-left: 2em">
												<div class="row mt05">
													<div class="col-md-3 col-sm-3 col-xs-3">
														<b>ชื่อ-นามสกุล (Thai) :</b>
													</div>
													<div class="col-md-9 col-sm-9 col-xs-9">นายวิชาญ
														ชัยจำรัส</div>
												</div>
												<div class="row mt05">
													<div class="col-md-3 col-sm-3 col-xs-3">
														<b>ชื่อ-นามสกุล (English) :</b>
													</div>
													<div class="col-md-9 col-sm-9 col-xs-9">Mr.Wichai
														Chaijamruch</div>
												</div>
												<div class="row mt05">
													<div class="col-md-3">
														<b>วัน/เดือน/ปีเกิด :</b>
													</div>
													<div class="col-md-9">12 มีนาคม 2557</div>
												</div>
												<div class="row mt05">
													<div class="col-md-3">
														<b>อายุ :</b>
													</div>
													<div class="col-md-9">27 ปี</div>
												</div>
												<div class="row mt05">
													<div class="col-md-3">
														<b>เพศ :</b>
													</div>
													<div class="col-md-9">ชาย</div>
												</div>
												<div class="row mt05">
													<div class="col-md-3">
														<b>วันที่สมัครสมาชิก :</b>
													</div>
													<div class="col-md-9">20 พฤษภาคม 2557</div>
												</div>
												<div class="row mt05">
													<div class="col-md-3">
														<b>เบอร์โทรศัพท์ :</b>
													</div>
													<div class="col-md-9">053-495908</div>
												</div>
												<div class="row mt05">
													<div class="col-md-3">
														<b>เบอร์มือถือ :</b>
													</div>
													<div class="col-md-9">085-0101507</div>
												</div>
												<div class="row mt05">
													<div class="col-md-3">
														<b>แฟกซ์ :</b>
													</div>
													<div class="col-md-9">053-495908</div>
												</div>
												<div class="row mt05">
													<div class="col-md-3">
														<b>อีเมล :</b>
													</div>
													<div class="col-md-9">wittayayon@hotmail.com</div>
												</div>
												<div class="row mt05">
													<div class="col-md-3">
														<b>รายละเอียดเพิ่มเติม : </b>
													</div>
													<div class="col-md-9">มีประสบการณ์ในการออกแบบกราฟิกดีไซน์
														เว็บดีไซน์ มากกว่า 5 ปี รับออกแบบสิ่งพิมพ์ แพกเกจ โลโก้
														corporate website, e-commerce website, motion design,
														presentation อย่างมืออาชีพ รับผิดชอบงาน ตรงต่อเวลา</div>
												</div>

											</div>
											<div class="col-md-12">
												<hr class="lineLines mt15">
											</div>
											<div class="col-md-12 mb05">
												<span class="font4 label label-info"><b>ข้อมูลการศึกษา</b></span>
											</div>
											<div class="col-md-12" style="padding-left: 2em">
												<div class="row">
													<div class="col-md-12">
														<div class="row mt05">
															<div class="col-md-3">
																<b>ปีการศึกษา 2550-2553 :</b>
															</div>
															<div class="col-md-9">ระดับปริญญาตรี
																สาขาเทคโนโลยีสารสนเทศ คณะวิทยาศาสตร์ มหาวิทยาลัยแม่โจ้
																เชียงใหม่</div>
														</div>
														<div class="row mt05">
															<div class="col-md-3">
																<b>ปีการศึกษา 2553-2556 :</b>
															</div>
															<div class="col-md-9">ระดับปริญญาโท
																สาขาวิศวกรรมคอมพิวเตอร์ คณะวิทศวกรรมศาสตร์
																มหาวิทยาลัยเชียงใหม่</div>
														</div>
													</div>
												</div>
											</div>
											<div class="col-md-12">
												<hr class="lineLines mt15">
											</div>
											<div class="col-md-12 mb05">
												<span class="font4 label label-info"><b>ทักษะและความสามารถ</b></span>
											</div>
											<div class="col-md-12" style="padding-left: 2em">
												<div class="row">
													<div class="col-md-3">
														<b>ประเภทงานที่รับ</b>
													</div>
													<div class="col-md-9">คอมพิวเตอร์/ไอที</div>

												</div>
												<div class="row">
													<div class="col-md-3">
														<b>ความสามารถ</b>
													</div>
													<div class="col-md-9">
														<span class="tags">html5</span> <span class="tags">css3</span>
														<span class="tags">jquery</span> <span class="tags">bootstrap3</span>
													</div>
												</div>
												<div class="row">
													<div class="col-md-6 mt15">
														<b>ทักษะด้านภาษา</b><br>
														<div class="col-md-12 mt05">
															<b>ภาษาอังกฤษ</b>
														</div>
														<div class="col-md-12">
															<div class="col-md-2 ">ฟัง</div>
															<div class="col-md-4">
																<div class="processComment progress">
																	<div
																		class="process-bar-Comment progress-bar progress-bar-success"
																		role="progressbar" aria-valuenow="80"
																		aria-valuemin="0" aria-valuemax="100"
																		style="width: 80%;">80%</div>
																</div>
															</div>
															<div class="col-md-2">พูด</div>

															<div class="col-md-4">
																<div class="processComment progress">
																	<div class="process-bar-Comment progress-bar"
																		role="progressbar" aria-valuenow="60"
																		aria-valuemin="0" aria-valuemax="100"
																		style="width: 60%;">60%</div>
																</div>
															</div>
															<div class="col-md-2">อ่าน</div>
															<div class="col-md-4">
																<div class="processComment progress">
																	<div
																		class="process-bar-Comment progress-bar progress-bar-success"
																		role="progressbar" aria-valuenow="80"
																		aria-valuemin="0" aria-valuemax="100"
																		style="width: 80%;">80%</div>
																</div>
															</div>
															<div class="col-md-2">เขียน</div>

															<div class="col-md-4">
																<div class="processComment progress">
																	<div class="process-bar-Comment progress-bar"
																		role="progressbar" aria-valuenow="60"
																		aria-valuemin="0" aria-valuemax="100"
																		style="width: 60%;">60%</div>
																</div>
															</div>
														</div>
														<div class="col-md-12 mt05">
															<b>ภาษาฝรั่งเศษ</b>
														</div>
														<div class="col-md-12">
															<div class="col-md-2 ">ฟัง</div>
															<div class="col-md-4">
																<div class="processComment progress">
																	<div
																		class="process-bar-Comment progress-bar progress-bar-success"
																		role="progressbar" aria-valuenow="80"
																		aria-valuemin="0" aria-valuemax="100"
																		style="width: 80%;">80%</div>
																</div>
															</div>
															<div class="col-md-2">พูด</div>

															<div class="col-md-4">
																<div class="processComment progress">
																	<div class="process-bar-Comment progress-bar"
																		role="progressbar" aria-valuenow="60"
																		aria-valuemin="0" aria-valuemax="100"
																		style="width: 60%;">60%</div>
																</div>
															</div>
															<div class="col-md-2 ">อ่าน</div>
															<div class="col-md-4">
																<div class="processComment progress">
																	<div
																		class="process-bar-Comment progress-bar progress-bar-success"
																		role="progressbar" aria-valuenow="80"
																		aria-valuemin="0" aria-valuemax="100"
																		style="width: 80%;">80%</div>
																</div>
															</div>
															<div class="col-md-2">เขียน</div>

															<div class="col-md-4">
																<div class="processComment progress">
																	<div class="process-bar-Comment progress-bar"
																		role="progressbar" aria-valuenow="60"
																		aria-valuemin="0" aria-valuemax="100"
																		style="width: 60%;">60%</div>
																</div>
															</div>
														</div>
													</div>
													<div class="col-md-6 mt15">
														<b>สัดส่วนของทักษะและความสามารถ :</b><br> <img
															src="custom/images/freelance/profileFreelance/chart.PNG"
															style="width: 320px;">
													</div>
												</div>
											</div>
											<div class="col-md-12">
												<hr class="lineLines mt15">
											</div>
											<div class="col-md-12 mb05">
												<span class="font4 label label-info"><b>ประสบการณ์การทำงาน</b></span>
											</div>
											<div class="col-md-12" style="padding-left: 2em">
												<div class="row mt05">
													<div class="col-md-3">
														<b>ปีที่ทำงาน :</b>
													</div>
													<div class="col-md-9">2550-2553</div>
												</div>
												<div class="row mt05">
													<div class="col-md-3">
														<b>สถานที่ทำงาน :</b>
													</div>
													<div class="col-md-9">IBM Solutions Delivery Co.,
														Ltd.</div>
												</div>
												<div class="row mt05">
													<div class="col-md-3">
														<b>จังหวัด :</b>
													</div>
													<div class="col-md-9">กทม</div>
												</div>
												<div class="row mt05">
													<div class="col-md-3">
														<b>ตำแหน่ง :</b>
													</div>
													<div class="col-md-9">Programmer</div>
												</div>
												<div class="row mt05">
													<div class="col-md-3">
														<b>เงินเดือน :</b>
													</div>
													<div class="col-md-9">ไม่รุบุ</div>
												</div>
												<div class="row mt05">
													<div class="col-md-3">
														<b>ข้อมูลเพิ่มเติม :</b>
													</div>
													<div class="col-md-9">IBM Solutions Delivery Co.,
														Ltd.(Bangkok) is hiring. Click on the link below to know
														more about the opportunity. SHARE this post with your
														friends who want the opportunity to work in a global team,
														learn from big league projects, and gain access to
														technology and tools that can only be offered by a leading
														IT company.</div>
												</div>
											</div>


											<div class="col-md-12">
												<div class="tab-content">
													<!-- tab 2 -->
													<div class="tab-pane fade" id="educationTab"></div>

													<!-- tab 3 -->
													<div class="tab-pane fade" id="avalibleTab"></div>

													<!-- tab 4 -->
													<div class="tab-pane fade" id="expTab">
														<div class="row mt15">
															<div class="col-md-12">
																<div class="col-md-12">
																	<div class="row mb05">
																		<b>ประสบการณ์การทำงาน</b><br>
																		<ul>
																			<li>Lorem ipsum dolor sit amet</li>
																			<li>Consectetur adipiscing elit</li>
																			<li>Facilisis in pretium nisl aliquet</li>
																			<li>Nulla volutpat aliquam velit
																				<ul>
																					<li>Phasellus iaculis neque</li>
																					<li>Purus sodales ultricies</li>
																					<li>Vestibulum laoreet porttitor sem</li>
																					<li>Ac tristique libero volutpat at</li>
																				</ul>
																			</li>
																			<li>Faucibus porta lacus fringilla vel</li>
																			<li>Aenean sit amet erat nunc</li>
																			<li>Eget porttitor lorem</li>
																		</ul>
																	</div>
																</div>
															</div>
														</div>
													</div>

												</div>
											</div>

										</div>
									</div>
								</div>

								<div class="tab-pane fade" id="exp">
									<div class="row mb05">
										<h2>งานฟรีแลนซ์</h2>
									</div>

									<div class="row mt15">
										<div class="col-md-12">
											<div class="table-responsive">
												<table class="table table-striped table-hover">
													<thead>
														<tr class="filters ">
															<th class="col-md-4">หมวดหมู่งาน</th>
															<th class="col-md-6">ทักษะที่เกี่ยวข้องกับงาน</th>
														</tr>
													</thead>
													<tbody>
														<tr>
															<td><div class="col-md-12 col-md-offset-1 mt05">
																	<div class="media">
																		<div class="pull-left">
																			<img class="img-circle img-responsive"
																				src="custom/images/icon/Flatistic/256_imac.png"
																				alt="" style="width: 50px;">
																		</div>
																		<div class="media-body">
																			<span class="font5"><b>ไอทีและการพัฒนาซอฟต์แวร์</b></span>
																			<br> <span class="font5">งานที่มีทั้งหมด
																				4000 งาน</span>
																		</div>
																	</div>
																</div></td>
															<td>
																<div class="row">
																	<div class="col-md-12">
																		<div class="col-md-4">Java</div>
																		<div class="col-md-8">
																			<div class="processComment progress">
																				<div
																					class="process-bar-Comment progress-bar progress-bar-success"
																					role="progressbar" aria-valuenow="80"
																					aria-valuemin="0" aria-valuemax="100"
																					style="width: 80%;">80%</div>
																			</div>
																		</div>
																	</div>
																</div>
																<div class="row">
																	<div class="col-md-12">
																		<div class="col-md-4">jsp</div>
																		<div class="col-md-8">
																			<div class="processComment progress">
																				<div
																					class="process-bar-Comment progress-bar progress-bar-success"
																					role="progressbar" aria-valuenow="80"
																					aria-valuemin="0" aria-valuemax="100"
																					style="width: 50%;">50%</div>
																			</div>
																		</div>

																	</div>
																</div>
																<div class="row">
																	<div class="col-md-12">
																		<div class="col-md-4">PHP</div>
																		<div class="col-md-8">
																			<div class="processComment progress">
																				<div
																					class="process-bar-Comment progress-bar progress-bar-success"
																					role="progressbar" aria-valuenow="80"
																					aria-valuemin="0" aria-valuemax="100"
																					style="width: 20%;">20%</div>
																			</div>
																		</div>

																	</div>
																</div>
															</td>
														</tr>
														<tr>
															<td><div class="col-md-12 col-md-offset-1 mt05">
																	<div class="media">
																		<div class="pull-left">
																			<img class="img-circle img-responsive"
																				src="custom/images/icon/Flatistic/256_palette.png"
																				alt="" style="width: 50px;">
																		</div>
																		<div class="media-body">
																			<span class="font5"><b>การออกแบบ</b></span> <br>
																			<span class="font5">งานที่มีทั้งหมด 4000 งาน</span>
																		</div>
																	</div>
																</div></td>
															<td>
																<div class="row">
																	<div class="col-md-12">
																		<div class="col-md-4">Java</div>
																		<div class="col-md-8">
																			<div class="processComment progress">
																				<div
																					class="process-bar-Comment progress-bar progress-bar-success"
																					role="progressbar" aria-valuenow="80"
																					aria-valuemin="0" aria-valuemax="100"
																					style="width: 80%;">80%</div>
																			</div>
																		</div>

																	</div>
																</div>
																<div class="row">
																	<div class="col-md-12">
																		<div class="col-md-4">jsp</div>
																		<div class="col-md-8">
																			<div class="processComment progress">
																				<div
																					class="process-bar-Comment progress-bar progress-bar-success"
																					role="progressbar" aria-valuenow="80"
																					aria-valuemin="0" aria-valuemax="100"
																					style="width: 50%;">50%</div>
																			</div>
																		</div>

																	</div>
																</div>
																<div class="row">
																	<div class="col-md-12">
																		<div class="col-md-4">PHP</div>
																		<div class="col-md-8">
																			<div class="processComment progress">
																				<div
																					class="process-bar-Comment progress-bar progress-bar-success"
																					role="progressbar" aria-valuenow="80"
																					aria-valuemin="0" aria-valuemax="100"
																					style="width: 20%;">20%</div>
																			</div>
																		</div>
																	</div>
																</div>
															</td>
														</tr>
														<tr>
															<td>
																<div class="col-md-12 col-md-offset-1">
																	<div class="media">
																		<div class="pull-left">
																			<img class="img-circle img-responsive"
																				src="custom/images/icon/Flatistic/256_book.png"
																				alt="" style="width: 50px;">
																		</div>
																		<div class="media-body">
																			<span class="font5"><b>การแปลภาษา</b></span> <br>
																			<span class="font5">งานที่มีทั้งหมด 4000 งาน</span>
																		</div>
																	</div>
																</div>
															</td>
															<td>
																<div class="row">
																	<div class="col-md-12">
																		<div class="col-md-4">Java</div>
																		<div class="col-md-8">
																			<div class="processComment progress">
																				<div
																					class="process-bar-Comment progress-bar progress-bar-success"
																					role="progressbar" aria-valuenow="80"
																					aria-valuemin="0" aria-valuemax="100"
																					style="width: 80%;">80%</div>
																			</div>
																		</div>

																	</div>
																</div>
																<div class="row">
																	<div class="col-md-12">
																		<div class="col-md-4">jsp</div>
																		<div class="col-md-8">
																			<div class="processComment progress">
																				<div
																					class="process-bar-Comment progress-bar progress-bar-success"
																					role="progressbar" aria-valuenow="80"
																					aria-valuemin="0" aria-valuemax="100"
																					style="width: 50%;">50%</div>
																			</div>
																		</div>
																	</div>
																</div>
																<div class="row">
																	<div class="col-md-12">
																		<div class="col-md-4">PHP</div>
																		<div class="col-md-8">
																			<div class="processComment progress">
																				<div
																					class="process-bar-Comment progress-bar progress-bar-success"
																					role="progressbar" aria-valuenow="80"
																					aria-valuemin="0" aria-valuemax="100"
																					style="width: 20%;">20%</div>
																			</div>
																		</div>

																	</div>
																</div>
															</td>
														</tr>
													</tbody>
												</table>
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-md-12">
											<hr class="lineLines">
										</div>
									</div>
									<div class="row">
										<div class="col-md-12">
											<b>สถิติแสดงงานทั้งหมดของฉัน</b>
										</div>
									</div>
									<div class="row">
										<div class="col-md-12 mt05">
											<img src="custom/images/graph.PNG" align="center">
										</div>
									</div>
								</div>
								<div class="tab-pane fade" id="sevices">
									<div class="row">
										<div class="col-md-12 mb05">
											<div class="row">
												<div class="col-md-12 mb05">
													<h2>บริการ</h2>
												</div>
											</div>
											<div class="row">
												<div class="col-md-12">
													<table class="table table-striped">
														<thead class="textColorBlack">
															<tr>
																<th>ลำดับ</th>
																<th>ชื่อบริการ</th>
																<th>วันที่ประกาศให้บริการ</th>
																<th></th>
															</tr>
														</thead>
														<tbody>
															<tr>
																<td>1</td>
																<td>ต้องการคนออกแบบคู่มือพรีเซ้นต์...</td>
																<td>22 ตุลาคม 2014</td>
																<td><div align="right">
																		<a href="myJobDetailPage.jsp"><button
																				type="button" class="btn btn-success btn-xs">
																				<span class="fontHeader4"><i
																					class="icon-th-list iconSmall"></i> ดูรายละเอียด</span>
																			</button></a>
																	</div></td>
															</tr>
															<tr>
																<td>2</td>
																<td>ทำ application เกี่ยวกับข่าว ล...</td>
																<td>22 ตุลาคม 2014</td>
																<td><div align="right">
																		<a href="JobDetailPage.jsp"><button type="button"
																				class="btn btn-success btn-xs">
																				<span class="fontHeader4"><i
																					class="icon-th-list iconSmall"></i> ดูรายละเอียด</span>
																			</button></a>
																	</div></td>
															</tr>
															<tr>
																<td>3</td>
																<td>Sale, Programmer, System Analy...</td>
																<td>22 ตุลาคม 2014</td>
																<td><div align="right">
																		<a href="JobDetailPage.jsp"><button type="button"
																				class="btn btn-success btn-xs">
																				<span class="fontHeader4"><i
																					class="icon-th-list iconSmall"></i> ดูรายละเอียด</span>
																			</button></a>
																	</div></td>
															</tr>
														</tbody>
													</table>

												</div>
											</div>
										</div>
									</div>
								</div>




								<!--Content Portfoilo -->
								<div class="tab-pane fade" id="port">
									<div class="row">
										<div class="col-md-12 mb05">
											<div class="row">
												<div class="col-md-12 mb05">
													<h2>ผลงาน</h2>
												</div>
											</div>
										</div>
									</div>
									<div class="row clearfix">
										<nav id="filter" class="span12 text-center">

											<div class="btn-group">
												<a href="" class="btn btn-default current" data-filter="*">All</a>
												<a href="" class="btn btn-default" data-filter=".graphics">Graphics</a>
												<a href="" class="btn btn-default" data-filter=".women">Women</a>
												<a href="" type="button" class="btn btn-default"
													data-filter=".cats">Cats</a>
											</div>


										</nav>
										<div
											class="portfolio-items  isotopeWrapper clearfix imgHover neko-hover-1"
											id="3">


											<!-- portfolio item -->
											<article class="col-sm-4 isotopeItem women">
												<div class="pinBox">
													<figure>
														<img alt="" src="images/portfolio/vign6.jpg"
															class="img-responsive">

														<figcaption>
															<ul class="pinInfo">
																<li><a href=""><i class="icon-eye"></i>150</a></li>
																<li><a href=""><i class="icon-comment-1"></i>4</a></li>
																<li><a href=""><i class="icon-heart"></i>32</a></li>
															</ul>
															<div class="iconLinks">
																<a href="portfolio-project-fullwidth-image.html"
																	title="link"><i class="icon-picture "></i></a> <a
																	href="images/portfolio/zoom6.jpg" class="image-link"
																	title="Zoom"><i class="icon-search"></i></a>
															</div>
														</figcaption>
													</figure>

													<section class="boxContent">
														<h3>Full width image</h3>
														<p>
															Lorem ipsum dolor sit amet, consectetur adipiscing elit.
															Morbi vulputate nunc ut tellus sollicitudin placerat. <br>
															<a href="portfolio-project-fullwidth-image.html"
																class="moreLink">→ read more</a>
														</p>
													</section>

												</div>
											</article>
											<!-- portfolio item -->


											<!-- portfolio item -->
											<article class="col-sm-4 isotopeItem cats">
												<div class="pinBox">

													<figure>
														<img alt="" src="images/portfolio/vign1.jpg"
															class="img-responsive">

														<figcaption>
															<ul class="pinInfo">
																<li><a href=""><i class="icon-eye"></i>150</a></li>
																<li><a href=""><i class="icon-comment-1"></i>4</a></li>
																<li><a href=""><i class="icon-heart"></i>32</a></li>
															</ul>
															<div class="iconLinks">
																<a href="portfolio-project-fullwidth-image.html"
																	title="link"><i class="icon-videocam"></i></a> <a
																	href="http://www.youtube.com/watch?v=Cvds3cmJ9hI"
																	class="image-iframe" title="Zoom"><i
																	class="icon-search"></i></a>
															</div>
														</figcaption>
													</figure>


													<section class="boxContent">
														<h3>Video YouTube</h3>
														<p>
															Lorem ipsum dolor sit amet, consectetur adipiscing elit.
															Morbi vulputate nunc ut tellus sollicitudin placerat. <br>
															<a href="portfolio-project-fullwidth-video.html"
																class="moreLink">→ read more</a>
														</p>
													</section>
												</div>
											</article>
											<!-- portfolio item -->

											<!-- portfolio item -->
											<article class="col-sm-4 isotopeItem graphics">
												<div class="pinBox">


													<figure>
														<img alt="" src="images/portfolio/vign7.jpg"
															class="img-responsive">

														<figcaption>
															<ul class="pinInfo">
																<li><a href=""><i class="icon-eye"></i>150</a></li>
																<li><a href=""><i class="icon-comment-1"></i>4</a></li>
																<li><a href=""><i class="icon-heart"></i>32</a></li>
															</ul>
															<div class="iconLinks">
																<a href="portfolio-project-fullwidth-image.html"
																	title="link"><i class="icon-videocam"></i></a> <a
																	href="//player.vimeo.com/video/62198366"
																	class="image-iframe" title="Zoom"><i
																	class="icon-search"></i></a>
															</div>
														</figcaption>
													</figure>

													<section class="boxContent">
														<h3>Video Vimeo</h3>
														<p>
															Lorem ipsum dolor sit amet, consectetur adipiscing elit.
															Morbi vulputate nunc ut tellus sollicitudin placerat. <br>
															<a href="portfolio-project-fullwidth-video.html"
																class="moreLink">→ read more</a>
														</p>
													</section>
												</div>
											</article>
											<!-- portfolio item -->

											<!-- portfolio item -->
											<article class="col-sm-4 isotopeItem cats">
												<div class="pinBox">

													<figure>
														<img alt="" src="images/portfolio/vign3.jpg"
															class="img-responsive">

														<figcaption>
															<ul class="pinInfo">
																<li><a href=""><i class="icon-eye"></i>150</a></li>
																<li><a href=""><i class="icon-comment-1"></i>4</a></li>
																<li><a href=""><i class="icon-heart"></i>32</a></li>
															</ul>
															<div class="iconLinks">
																<a href="portfolio-project-fullwidth-image.html"
																	title="link"><i class="icon-camera"></i></a> <a
																	href="images/portfolio/zoom3.jpg"
																	data-gallery="images/portfolio/zoom1.jpg,images/portfolio/zoom2.jpg"
																	class="image-link" title="Zoom"><i
																	class="icon-search"></i></a>
															</div>
														</figcaption>
													</figure>

													<section class="boxContent">
														<h3>Gallery</h3>
														<p>
															Lorem ipsum dolor sit amet, consectetur adipiscing elit.
															Morbi vulputate nunc ut tellus sollicitudin placerat. <br>
															<a href="portfolio-project-fullwidth-carousel.html"
																class="moreLink">→ read more</a>
														</p>
													</section>
												</div>
											</article>
											<!-- portfolio item -->

											<!-- portfolio item -->
											<article class="col-sm-4 isotopeItem cats">
												<div class="pinBox">

													<figure>
														<img alt="" src="images/portfolio/vign2.jpg"
															class="img-responsive">

														<figcaption>
															<ul class="pinInfo">
																<li><a href=""><i class="icon-eye"></i>150</a></li>
																<li><a href=""><i class="icon-comment-1"></i>4</a></li>
																<li><a href=""><i class="icon-heart"></i>32</a></li>
															</ul>
															<div class="iconLinks">
																<a href="portfolio-project-fullwidth-image.html"
																	title="link"><i class="icon-picture "></i></a> <a
																	href="images/portfolio/zoom2.jpg" class="image-link"
																	title="Zoom"><i class="icon-search"></i></a>
															</div>
														</figcaption>
													</figure>

													<section class="boxContent">
														<h3>Lorem ipsum dolor sit amet</h3>
														<p>
															Lorem ipsum dolor sit amet, consectetur adipiscing elit.
															Morbi vulputate nunc ut tellus sollicitudin placerat. <br>
															<a href="#" class="moreLink">→ read more</a>
														</p>
													</section>
												</div>
											</article>
											<!-- portfolio item -->

											<!-- portfolio item -->
											<article class="col-sm-4 isotopeItem women">
												<div class="pinBox">

													<figure>
														<img alt="" src="images/portfolio/vign4.jpg"
															class="img-responsive">

														<figcaption>
															<ul class="pinInfo">
																<li><a href=""><i class="icon-eye"></i>150</a></li>
																<li><a href=""><i class="icon-comment-1"></i>4</a></li>
																<li><a href=""><i class="icon-heart"></i>32</a></li>
															</ul>
															<div class="iconLinks">
																<a href="portfolio-project-fullwidth-image.html"
																	title="link"><i class="icon-picture "></i></a> <a
																	href="images/portfolio/zoom4.jpg" class="image-link"
																	title="Zoom"><i class="icon-search"></i></a>
															</div>
														</figcaption>
													</figure>

													<section class="boxContent">
														<h3>Lorem ipsum dolor sit amet</h3>
														<p>
															Lorem ipsum dolor sit amet, consectetur adipiscing elit.
															Morbi vulputate nunc ut tellus sollicitudin placerat. <br>
															<a href="#" class="moreLink">→ read more</a>
														</p>
													</section>
												</div>
											</article>
											<!-- portfolio item -->

											<!-- portfolio item -->
											<article class="col-sm-4 isotopeItem graphics">
												<div class="pinBox">

													<figure>
														<img alt="" src="images/portfolio/vign8.jpg"
															class="img-responsive">

														<figcaption>
															<ul class="pinInfo">
																<li><a href=""><i class="icon-eye"></i>150</a></li>
																<li><a href=""><i class="icon-comment-1"></i>4</a></li>
																<li><a href=""><i class="icon-heart"></i>32</a></li>
															</ul>
															<div class="iconLinks">
																<a href="portfolio-project-fullwidth-image.html"
																	title="link"><i class="icon-picture "></i></a> <a
																	href="images/portfolio/zoom8.jpg" class="image-link"
																	title="Zoom"><i class="icon-search"></i></a>
															</div>
														</figcaption>
													</figure>

													<section class="boxContent">
														<h3>Lorem ipsum dolor sit amet</h3>
														<p>
															Lorem ipsum dolor sit amet, consectetur adipiscing elit.
															Morbi vulputate nunc ut tellus sollicitudin placerat.<br>
															<a href="#" class="moreLink">→ read more</a>
														</p>
													</section>
												</div>
											</article>
											<!-- portfolio item -->

											<!-- portfolio item -->
											<article class="col-sm-4 isotopeItem women">
												<div class="pinBox">

													<figure>
														<img alt="" src="images/portfolio/vign5.jpg"
															class="img-responsive">

														<figcaption>
															<ul class="pinInfo">
																<li><a href=""><i class="icon-eye"></i>150</a></li>
																<li><a href=""><i class="icon-comment-1"></i>4</a></li>
																<li><a href=""><i class="icon-heart"></i>32</a></li>
															</ul>
															<div class="iconLinks">
																<a href="portfolio-project-fullwidth-image.html"
																	title="link"><i class="icon-picture "></i></a> <a
																	href="images/portfolio/zoom5.jpg" class="image-link"
																	title="Zoom"><i class="icon-search"></i></a>
															</div>
														</figcaption>
													</figure>

													<section class="boxContent">
														<h3>Lorem ipsum dolor sit amet</h3>
														<p>
															Lorem ipsum dolor sit amet, consectetur adipiscing elit.
															Morbi vulputate nunc ut tellus sollicitudin placerat.<br>
															<a href="#" class="moreLink">→ read more</a>
														</p>
													</section>
												</div>
											</article>
											<!-- portfolio item -->


											<!-- portfolio item -->
											<article class="col-sm-4 isotopeItem graphics">
												<div class="pinBox">

													<figure>
														<img alt="" src="images/portfolio/vign9.jpg"
															class="img-responsive">

														<figcaption>
															<ul class="pinInfo">
																<li><a href=""><i class="icon-eye"></i>150</a></li>
																<li><a href=""><i class="icon-comment-1"></i>4</a></li>
																<li><a href=""><i class="icon-heart"></i>32</a></li>
															</ul>
															<div class="iconLinks">
																<a href="portfolio-project-fullwidth-image.html"
																	title="link"><i class="icon-picture "></i></a> <a
																	href="images/portfolio/zoom6.jpg" class="image-link"
																	title="Zoom"><i class="icon-search"></i></a>
															</div>
														</figcaption>
													</figure>

													<section class="boxContent">
														<h3>Lorem ipsum dolor sit amet</h3>
														<p>
															Lorem ipsum dolor sit amet, consectetur adipiscing elit.
															Morbi vulputate nunc ut tellus sollicitudin placerat. <br>
															<a href="#" class="moreLink">→ read more</a>
														</p>
													</section>
												</div>
											</article>
											<!-- portfolio item -->

										</div>
									</div>
								</div>
								<!--End Content Portfoilo -->
								<!-- Content Trust -->
								<div class="tab-pane fade" id="trust">
									<div class="row">
										<div class="col-md-12">
											<h2>ระดับความน่าเชื่อถือ</h2>
										</div>
									</div>
									<div class="row mt05">
										<div class="col-md-12">
											<div class="boxFocus color1">
												<div class="row">
													<div class="col-md-12 textCenter">
														<b>ระดับความน่าเชื่อถือ :</b> <span class="textColorYelow">
															<i class="icon-star"></i> <i class="icon-star"></i> <i
															class="icon-star"></i> <i class="icon-star-half-alt"></i>
															<i class="icon-star-empty"></i>
														</span>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="row mt05">
										<div class="col-md-12">
											<hr class="lineLines">
										</div>
									</div>
									<div class="row">
										<div class="col-md-12">
											<span class="font4 label label-info "><b>1.
													การยืนยันข้อมูลส่วนตัว</b></span>
										</div>
									</div>
									<div class="row mt05">
										<div class="col-md-12">
											<div class="row">
												<div class="col-md-12">
													<div class="table-responsive">
														<table class="table table-striped table-hover textCenter">
															<thead>
																<tr class="filters ">
																	<th>ลำดับ</th>
																	<th class="textCenter">รายการ</th>
																	<th class="textCenter">สถานะการตรวจสอบ</th>
																	<th class="textCenter">วันที่ดำเนินการ</th>
																</tr>
															</thead>
															<tbody>
																<tr>
																	<td>1</td>
																	<td>รูปภาพประจำตัว</td>
																	<td><i class="icon-ok"></i> ตรวจสอบเรียบร้อยแล้ว</td>
																	<td>10 มกราคม 2557</td>
																</tr>
																<tr>
																	<td>2</td>
																	<td>ข้อมูลส่วนตัว</td>
																	<td><i class="icon-ok"></i> ตรวจสอบเรียบร้อยแล้ว</td>
																	<td>10 มกราคม 2557</td>
																</tr>
																<tr>
																	<td>3</td>
																	<td>ข้อมูลการติดต่อ</td>
																	<td><i class="icon-eye"></i>
																		อยู่ระหว่างช่วงตรวจสอบ</td>
																	<td>10 มกราคม 2557</td>
																</tr>
															</tbody>
														</table>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-md-12">
											<hr class="lineLines">
										</div>
									</div>
									<div class="row">
										<div class="col-md-12">
											<span class="font4 label label-info "><b>1.
													การยืนยันเอกสารเพื่อแสดงตัวตน</b></span>
										</div>
									</div>
									<div class="row mt05 mb30">
										<div class="col-md-12">
											<div class="row">
												<div class="col-md-12">
													<div class="table-responsive">
														<table class="table table-striped table-hover textCenter">
															<thead>
																<tr class="filters ">
																	<th>ลำดับ</th>
																	<th class="textCenter">รายการ</th>
																	<th class="textCenter">สถานะการตรวจสอบ</th>
																	<th class="textCenter">วันที่ดำเนินการ</th>
																</tr>
															</thead>
															<tbody>
																<tr>
																	<td>1</td>
																	<td>สำเนาบัตรประชาชน</td>
																	<td><i class="icon-ok"></i> ตรวจสอบเรียบร้อยแล้ว</td>
																	<td>10 มกราคม 2557</td>
																</tr>
																<tr>
																	<td>2</td>
																	<td>สำเนาทะเบียนบ้าน</td>
																	<td><i class="icon-ok"></i> ตรวจสอบเรียบร้อยแล้ว</td>
																	<td>10 มกราคม 2557</td>
																</tr>
															</tbody>
														</table>
													</div>
												</div>
											</div>
										</div>
									</div>

								</div>
								<!--  content trust -->
								<!-- content comment -->
								<div class="tab-pane fade" id="comment">
									<div class="row">
										<div class="col-md-12">
											<h2>คำติชม</h2>
											<div class="row col-md-12 mt15 boxFocus color1"
												style="margin: auto;">
												<div class="row">
													<div class="col-md-2">หมวดหมู่</div>
													<div class="col-md-3">
														<select class="form-control ">
															<option>--- เลือก ---</option>
															<option>ทั้งหมด</option>
															<option>ไอที และการพัฒนาซอฟต์เเวร์</option>
															<option>ไอที และการพัฒนาซอฟต์เเวร์</option>
															<option>ไอที และการพัฒนาซอฟต์เเวร์</option>
															<option>ไอที และการพัฒนาซอฟต์เเวร์</option>
															<option>ไอที และการพัฒนาซอฟต์เเวร์</option>
														</select>
													</div>
													<div class="col-md-2">ความคิดเห็น</div>
													<div class="col-md-3">
														<select class="form-control ">
															<option>--- เลือก ---</option>
															<option>ทั้งหมด</option>
															<option>เสร็จสมบูรณ์</option>
															<option>กำลังดำเนินการ</option>
															<option>ล้มเหลวในการทำงาน</option>
														</select>
													</div>
													<div class="col-md-2">
														<input type="button"
															class="btn btn-info form-control buttomSearch"
															value="ค้นหา">
													</div>
												</div>
											</div>
											<div class="col-md-12 mt15">
												<div class="col-md-2 ">
													<b>คะแนนเฉลี่ย</b>
												</div>
												<div class="col-md-4">
													<div class="processComment progress">
														<div class="process-bar-Comment progress-bar"
															role="progressbar" aria-valuenow="60" aria-valuemin="0"
															aria-valuemax="100" style="width: 60%;">60%</div>
													</div>
												</div>
												<div class="col-md-6">
													<p class="font3" align="center">จำนวนงานทั้งหมด 120 งาน</p>
												</div>

											</div>
											<div class="col-md-12">
												<hr class="lineLines" />
											</div>
											<div class="col-md-12">
												<div class="col-md-2 ">คุณภาพงาน</div>
												<div class="col-md-4">
													<div class="processComment progress">
														<div
															class="process-bar-Comment progress-bar progress-bar-success"
															role="progressbar" aria-valuenow="80" aria-valuemin="0"
															aria-valuemax="100" style="width: 80%;">80%</div>
													</div>
												</div>
												<div class="col-md-2">ความชำนาญ</div>

												<div class="col-md-4">
													<div class="processComment progress">
														<div class="process-bar-Comment progress-bar"
															role="progressbar" aria-valuenow="60" aria-valuemin="0"
															aria-valuemax="100" style="width: 60%;">60%</div>
													</div>
												</div>
											</div>
											<div class="col-md-12">
												<div class="col-md-2 ">การสื่อสาร</div>
												<div class="col-md-4">
													<div class="processComment progress">
														<div
															class="process-bar-Comment progress-bar progress-bar-warning"
															role="progressbar" aria-valuenow="45" aria-valuemin="0"
															aria-valuemax="100" style="width: 45%;">45%</div>
													</div>
												</div>
												<div class="col-md-2">ตรงต่อเวลา</div>
												<div class="col-md-4">
													<div class="processComment progress">
														<div
															class="process-bar-Comment progress-bar progress-bar-danger"
															role="progressbar" aria-valuenow="23" aria-valuemin="0"
															aria-valuemax="100" style="width: 25%;">25%</div>
													</div>
												</div>
											</div>
											<div class="col-md-12">
												<div class="col-md-2 ">ความพอใจ</div>
												<div class="col-md-4">
													<div class="processComment progress">
														<div class="process-bar-Comment progress-bar"
															role="progressbar" aria-valuenow="60" aria-valuemin="0"
															aria-valuemax="100" style="width: 60%;">60%</div>
													</div>
												</div>
												<div class="col-md-2">จ้างงานอีกครั้ง</div>
												<div class="col-md-4">
													<div class="processComment progress">
														<div class="process-bar-Comment progress-bar"
															role="progressbar" aria-valuenow="60" aria-valuemin="0"
															aria-valuemax="100" style="width: 60%;">60%</div>
													</div>
												</div>
											</div>
										</div>
										<div class="col-md-12 color0 boxFocus mt15">
										<section class="clearfix comments">
											<h3 class="commentNumbers">
												<b>ความคิดเห็น</b>
											</h3>
											<div class="media">
												<a class="pull-left" href="#">
													<div class="imgWrapper">
														<img
															src="http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&amp;s=50"
															alt="">
													</div>
												</a>
												<div class="media-body">
													<div class="clearfix">
														<h4 class="media-heading">Joey Tribbiani</h4>
													</div>
													Cras et quam lorem. Fusce rhoncus consequat nulla ut
													gravida. Sed adipiscing, lacus ac commodo scelerisque, est
													erat eleifend augue, nec viverra ligula lacus sed arcu
												</div>
											</div>
											<div class="media">
												<a class="pull-left" href="#">
													<div class="imgWrapper">
														<img
															src="http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&amp;s=50"
															alt="">
													</div>
												</a>
												<div class="media-body">
													<div class="clearfix">
														<h4 class="media-heading">Monica Geller</h4>
													</div>
													Cras et quam lorem. Fusce rhoncus consequat nulla ut
													gravida. Sed adipiscing, lacus ac commodo scelerisque, est
													erat eleifend augue, nec viverra ligula lacus sed arcu
												</div>
											</div>
											<div class="media">
												<a class="pull-left" href="#">
													<div class="imgWrapper">
														<img
															src="http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&amp;s=50"
															alt="">
													</div>
												</a>
												<div class="media-body">
													<div class="clearfix">
														<h4 class="media-heading">Phoebe Buffay</h4>
													</div>
													Cras et quam lorem. Fusce rhoncus consequat nulla ut
													gravida. Sed adipiscing, lacus ac commodo scelerisque, est
													erat eleifend augue, nec viverra ligula lacus sed arcu
												</div>
											</div>
											<div class="media">
												<a class="pull-left" href="#">
													<div class="imgWrapper">
														<img
															src="http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&amp;s=50"
															alt="">
													</div>
												</a>
												<div class="media-body">
													<div class="clearfix">
														<h4 class="media-heading">Chandler Bing</h4>
													</div>
													Cras et quam lorem. Fusce rhoncus consequat nulla ut
													gravida. Sed adipiscing, lacus ac commodo scelerisque, est
													erat eleifend augue, nec viverra ligula lacus sed arcu
												</div>
											</div>
											<div class="media">
												<a class="pull-left" href="#">
													<div class="imgWrapper">
														<img
															src="http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&amp;s=50"
															alt="">
													</div>
												</a>
												<div class="media-body">
													<div class="clearfix">
														<h4 class="media-heading">Ross Geller</h4>
													</div>
													Cras et quam lorem. Fusce rhoncus consequat nulla ut
													gravida. Sed adipiscing, lacus ac commodo scelerisque, est
													erat eleifend augue, nec viverra ligula lacus sed arcu
												</div>
											</div>
											<div class="col-md-12 mt15" align="right">
												<ul class="pagination">
													<li class="disabled"><a href="#">«</a></li>
													<li class="active"><a href="#">1 <span
															class="sr-only">(current)</span></a></li>
													<li><a href="#">2</a></li>
													<li><a href="#">3</a></li>
													<li><a href="#">4</a></li>
													<li><a href="#">5</a></li>
													<li><a href="#">»</a></li>
												</ul>
											</div>

										</section>
									</div>
									</div>
									 
								</div>
								<!-- End content comment -->
							</div>
						</div>
					</div>

					<!-- Content Right -->
					<div class="col-md-2">
						<div class="boxFocus color1 text-center mb05">
							<p>
								<b>สนใจว่างจ้างงาน ?</b>
							</p>
							<a href="employmentPage.jsp"><button type="button"
									class="btn btn-success">
									<div>
										<i class="glyphicon glyphicon-plus-sign"></i><span
											class="font3"> ว่าจ้างงาน</span>
									</div>
								</button></a>
						</div>
						<div class="boxFocus color1 text-center">
							<p>
								<b>ต้องการข้อมูลติดต่อ ?</b>
							</p>
							<button class="btn btn-success btn-block">
								<div>
									<i class="glyphicon glyphicon-bell"></i><span class="font3">
										ร้องขอข้อมูล </span>
								</div>
							</button>
						</div>
					</div>
					<!-- End Content Right -->
				</div>
			</div>
		</section>
		<!-- End Content -->


		<!-- End Content -->

		<jsp:include page="core/template/FOOTER.jsp" />
		<!-- ======================================= content ======================================= -->

	</div>
	<!-- global wrapper -->
	<!-- End Document 
	================================================== -->
</body>
</html>
